$(document).ready(function(){
pic_width=$(".pic_scroll li").width()+24; //单张图+margin-left总宽度
ul_width=pic_width*5; //设置UL宽度
li_sl=$(".pic_scroll li").size(); //图片总数量
all_picwidth=pic_width*li_sl //所有图的总宽度度
move_cs=li_sl-5 //可移动次数
move_width=all_picwidth-ul_width //到达边界往回移动的总宽度
var left_clicks=0
$(".pic_scroll").css("width",all_picwidth).css("position","absolute").css("left",0).css("top",0); //动态设UL宽度 并设置默认为向左滚动

//点击触发左右滚动事件
$(".btn_right").click(function(){
	if(left_clicks<move_cs){
	  left_clicks+=1;
	  $(".pic_scroll").animate({left:'-='+pic_width});
	}
})

$(".btn_left").click(function(){
	if(left_clicks>=1){
	  left_clicks-=1;
	  $(".pic_scroll").animate({left:'+='+pic_width});
	}
})

//$(".big_pic:not(:first)").hide(); //隐藏所有大图和介绍（除第一张外）
$("li.big_pic:gt(0)").hide()

// 点击缩略图换照片
$("a[href^=#picture-]").click(function(e) {
$(".big_pic:visible").hide();
$($(this).attr("href")).fadeIn("slow");
e.preventDefault();
})

//按钮外边框
$(".btn_left,.btn_right").hover(
function(){
$(this).addClass("btn_border");
},
function(){
$(this).removeClass("btn_border")	
}
)

})